#block .blocklyToolboxDiv {
    background-color: #001529;
    text-align: center;
    border-right: 1px solid #334454;
}

#block .blocklyTreeRoot {
    padding: 0px;
}

#block .blocklyToolboxDiv::-webkit-scrollbar {
    width: 1px;
}

#block .blocklyTreeRow {
    height: 70px;
    color: #ffffff;
    width: 60px;
    border-left-width: 0px !important;
    margin-bottom: 0;
    padding-right: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

#block .blocklyTreeSelected {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#block .blocklyTreeLabel {
    display: block;
}

#block .blocklyTreeIcon {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-image: none;
}

#block div[aria-selected="true"] {
    background-color: #4a5967;
}

#block .blocklyTreeIcon[id="blockly:1.label"] {
    background-color: #3e86ea;
}

#block .blocklyTreeIcon[id="blockly:2.label"] {
    background-color: #009944;
}

#block .blocklyTreeIcon[id="blockly:3.label"] {
    background-color: #7dcdfb;
}

#block .blocklyTreeIcon[id="blockly:4.label"] {
    background-color: #6f34fb;
}

#block .blocklyTreeIcon[id="blockly:5.label"] {
    background-color: #e6564c;
}

#block .blocklyTreeIcon[id="blockly:6.label"] {
    background-color: #a1a73d;
}

#block .blocklyTreeIcon[id="blockly:7.label"] {
    background-color: #ffd83e;
}

#block .blocklyTreeIcon[id="blockly:8.label"] {
    background-color: rgb(165, 91, 128);
}

#block .blocklyTreeIcon[id="blockly:9.label"] {
    background-color: rgb(153, 91, 165);
}

#block .blocklyTreeIcon[id="blockly:10.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:11.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:12.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:13.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:a.label"] {
    background-color: rgb(165, 91, 128);
}

#block .blocklyTreeIcon[id="blockly:b.label"] {
    background-color: #a00000;
}

#block .blocklyTreeIcon[id="blockly:c.label"] {
    background-color: #6b80ff;
}

#block .blocklyTreeIcon[id="blockly:d.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:e.label"] {
    background-color: #ffffff;
}

#block .blocklyTreeIcon[id="blockly:f.label"] {
    background-color: #ffffff;
}

#block div[role=treeitem]:last-child {
    margin-bottom: 55vh;
}

#editor .ace_line:last-child {
    margin-bottom: 80vh;
}

#block .blocklyMainBackground {
    fill: #001529 !important;
}